<template>
  <div class="laborDemandDiv" @click="toDetail">
    <div class="top-wrap">
      <div class="job">{{ laborDemand.post }}</div>
			<div class="salary">{{ laborDemand.expectSalary }}元</div>
    </div>
    <div class="bom-box">
			<p class="p1">姓名：{{ laborDemand.name }}</p>
			<!-- <p>性别：{{ $selectDict(genderLsit,laborDemand.gender).dictLabel }}</p> -->
      <p>性别：{{ comGender(genderLsit,laborDemand.gender) }}</p>
    </div>
    
  </div>
</template>

<script>
import { mapState } from 'vuex'
export default {
  name: "laborDemand",
  props: ["laborDemand"],
  data() {
    return {
			genderLsit: []
    };
  },
	computed:{
    comGender(){
      return function(data){
        if(data && data ==0) {
          return '男'
        } else {
          return '女'
        }
      }
    }
  },
  methods: {
    toDetail() {
      let id = this.laborDemand.id;
      this.$router.push({ path: "/help/helpAppealList/helpAppealDetail", query: { id } });
    },
  },
};
</script>

<style lang="scss" scoped>
	.laborDemandDiv {
		width: 285px;
		height: 100px;
		background: #ffffff;
		border: 1px solid #eeeeee;
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		cursor: pointer;
		.top-wrap {
			display: flex;
			justify-content: space-between;
			.job {
				font-size: 18px;
				color: #045db9;
				font-weight: bold;
				overflow: hidden;
				width: 100px;
				text-align: left;
				text-overflow: ellipsis;
				white-space: nowrap;

			}
			.salary {
				font-size: 18px;
				color: #d00000;
				font-weight: bold;
			}
		}
		.bom-box {
			font-size: 14px;
			color: #999999;
			text-align: left;
			display: flex;
			.p1{
				width: 180px;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}
</style>
